<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>大众点评注册</title>
	<link rel="stylesheet" type="text/css" href="/static/css/reglogin.css">
  <script src="/static/js/jquery1.8.3.min.js"></script>
</head>
<body>
	<div class="header-bar">
		<div class="inner Fix">
    <ul class="user-action hd-menu">
        <li class="user-login first mi">
            <a href="//www.think.com/home/user/login" rel="nofollow" onclick="pageTracker._trackPageview('dp_head_login_changzhou');"><span>点评账号登录</span></a>
            <a href="//www.dianping.com/thirdconnect?do=l&amp;ft=6&amp;redir=" rel="nofollow" onclick="pageTracker._trackPageview('dp_head_login_qq_changzhou');" class="login-qq"><span><i class="icon-qq"></i>QQ快速登录</span></a>
        </li>
        <li class="user-signup mi">
            <a href="//www.dianping.com/reg" rel="nofollow" onclick="pageTracker._trackPageview('dp_head_reg_changzhou');"><span>注册</span></a>
                <i class="split">|</i>
        </li>
            <li class="user-signup mi">
                <a href="//www.think.com/home/user/login" target="_blank" rel="nofollow" onclick="pageTracker._trackPageview('dp_head_reserve_changzhou');"><span> 我的订座 </span></a>
            </li>
            <li class="user-signup mi">
                <a href="http://waimai.dianping.com/mytakeaway" target="_blank" rel="nofollow" onclick="pageTracker._trackPageview('dp_head_mytakeaway_track');"><span> 我的外卖 </span></a>
            </li>
    </ul>
			<ul class="quick-menu hd-menu">
				<li class="first mi"><a href="//www.think.com/home/index/index">点评网首页</a></li>
        		<li class="mi"><a href="//www.dianping.com/info/changzhou">优惠</a></li>
				<li class="mi"><a href="http://t.dianping.com/changzhou">团购</a></li>
				<li class="mi"><a href="http://q.dianping.com">签到</a></li>
				<li class="mi"><a href="http://s.dianping.com/changzhou/group">社区</a></li>
				<li class="mi"><a href="//www.dianping.com/events/m/index.htm">手机版</a></li>
			</ul>
		</div>
	</div>
	<div class="header">
    <a title="大众点评网" class="logo" href="http://www.think.com/home"></a>
    <span class="sub-logo">注册</span>
	</div>
<!-- =================================================================== -->
	<div class="main">
<!--register-wrap-->
    <div class="register">
      <div class="left">
        <div class="oauth">
          <div class="oauth-title">客官，您可以使用<span class="oauth-title-highlight">以下帐号</span>直接登录点评，无需注册</div>
          <div class="oauth-links">
            <a class="oauth-link" href="/thirdconnect?do=l&amp;ft=6&amp;redir=http%3A%2F%2Fwww.dianping.com%2F" onclick="document.hippo.ext({action:'click', index:1, time:new Date() - et}).mv('module','0_reg_pc_pass');">
              <div class="oauth-icon-qq"></div>
              <div class="oauth-link-text">QQ</div>
            </a>
            <a class="oauth-link" href="/thirdconnect?do=l&amp;ft=15&amp;redir=http%3A%2F%2Fwww.dianping.com%2F" onclick="document.hippo.ext({action:'click', index:9, time:new Date() - et}).mv('module','0_reg_pc_pass');">
              <div class="oauth-icon-wechat"></div>
              <div class="oauth-link-text">微信</div>
            </a>
            <a class="oauth-link" href="/thirdconnect?do=l&amp;ft=2&amp;redir=http%3A%2F%2Fwww.dianping.com%2F" onclick="document.hippo.ext({action:'click', index:2, time:new Date() - et}).mv('module','0_reg_pc_pass');">
              <div class="oauth-icon-weibo"></div>
              <div class="oauth-link-text">微博</div>
            </a>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
      <div class="right">
        <!-- <div id="easy-login-container" class="easy-login-container">
        <div><iframe src="https://www.dianping.com/account/iframeRegister?callback=EasyLogin_frame_callback0&amp;wide=false&amp;protocol=https:&amp;redir=http%3A%2F%2Fwww.dianping.com%2F" width="290" height="375" frameborder="0" scrolling="no"></iframe></div></div>
 -->  
    <!-- =================================================================== -->
    <br><br>
 		 <span style="font-size: 30px;display: block;margin-left: 80px">注册</span>
      	<hr>
    	<form action="" method="post" name="regform">
    		用&nbsp;户&nbsp;&nbsp;名：<input type="text" name="uname"><span id="checkuname"></span><br><br>
    		密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码：<input type="password" name="pwd"><span id="checkpwd"></span><br><br>
    		确认密码：<input type="password" name="conpwd"><span id="checkconpwd"></span><br><br>
    		<input type="submit" name="sub" value="注册" style="margin-left: 70px;width: 80px">
    	</form> 
      <script type="text/javascript">
        //用户验证
        //手机号
        var uname=/^\w{2,11}$/;
          $("input[name=uname]").blur(function(){
            var v=$.trim($(this).val())
            if(v!=''){
                if(!uname.test(v)){
                  $("#checkuname").css("color","red")
                  $("#checkuname").html("用户名为手机号")
                }else{
                  $("#checkuname").css("color","green")
                  $("#checkuname").html("格式正确")
                }
            }else{
              $("#checkuname").css("color","red")
              $("#checkuname").html("用户名不能为空")
            }
          })
        //密码验证
        //6位     非空
         var pwd=/^\S{6}$/;
          $("input[name=pwd]").blur(function(){
            var v=$.trim($(this).val())
            if(v!=''){
                if(!pwd.test(v)){
                  $("#checkpwd").css("color","red")
                  $("#checkpwd").html("密码为非空的六位数")
                }else{
                  $("#checkpwd").css("color","green")
                  $("#checkpwd").html("密码格式正确")
                }
            }else{
              $("#checkpwd").css("color","red")
              $("#checkpwd").html("密码不能为空")
            }
          })
        //确认密码验证
        //6位     非空
         var conpwd=/^\S{6}$/;
          $("input[name=conpwd]").blur(function(){
            var v=$.trim($(this).val())
            var v2=$.trim($("input[name=pwd]").val())
            if(v!=''){
                if(v!=v2){
                  $("#checkconpwd").css("color","red")
                  $("#checkconpwd").html("两次输入的密码不一致")
                }else{
                  $("#checkconpwd").css("color","green")
                  $("#checkconpwd").html("确认密码验证成功")
                }
            }else{
              $("#checkconpwd").css("color","red")
              $("#checkconpwd").html("确认密码不能为空")
            }
          })
      </script>
	  <!-- =================================================================== -->
  </div>
      <div class="clearfix"></div>
    </div>
</div>

	<div class="footer footer-static">
    <ul>
        <li><a target="_blank" href="//www.dianping.com/aboutus" rel="nofollow">关于大众点评</a>|</li>
        <li><a target="_blank" href="http://s.dianping.com/topic/2815561" rel="nofollow">诚信公约</a>|</li>
        <li><a target="_blank" href="//www.dianping.com/help" rel="nofollow">网站帮助</a>|</li>
        <li><a target="_blank" href="//www.dianping.com/business/" rel="nofollow">推广服务</a>|</li>
        <li><a target="_blank" href="//www.dianping.com/aboutus/media" rel="nofollow">媒体报道</a>|</li>
        <li><a target="_blank" href="http://careers.dianping.com" rel="nofollow">人才招聘</a>|</li>
        <li><a target="_blank" href="//www.dianping.com/forum" rel="nofollow">站务论坛</a>|</li>
        <li><a target="_blank" href="//www.dianping.com/contactus" rel="nofollow">联系我们</a>|</li>
        <li><a target="_blank" href="http://developer.dianping.com" rel="nofollow">开发者</a>|</li>
        <li><a target="_blank" href="https://developer.meituan.com/?applyFrom=dianping_c_pc_busines" rel="nofollow" onclick="pageTracker._trackPageview('dianping_c_pc_busines');_hip.push(['mv', { module: 'dianping_c_pc_busines', action: 'click'}])">聚宝盆餐饮开放平台</a>
        </li>
    </ul>
    <p>©2003-2017 dianping.com, All Rights Reserved.　　本站发布的所有内容，未经许可，不得转载，详见<a href="http://www.dianping.com/aboutus/zhishichanquan.html" rel="nofollow">《知识产权声明》</a>。</p>
</div>

</body>
</html>